
    <div class="modal-header dialog-header-wait">
      <button type="button" class="close" ng-click="cancel()">
        x
      </button>
      <h4 class="modal-title">
        <span class="glyphicon glyphicon-check">
        </span>
        Event Subscribe
      </h4>
    </div>
    <div class="modal-body ksr">
     <form role="form" name = "subscrForm" class="ksr-form" ng-submit="subscrForm.$valid&&submit()" novalidate>
      
      <div class="error alert alert-danger pull-left" ng-show="submitted&&subscrForm.subscriptionType.$error.required">
          <span class="glyphicon glyphicon-warning-sign"></span> Subscription type is required
        </div>
        <div class="clearfix"></div>
        <div class="input-group input-group-lg margin-bottom">
        <span class="input-group-addon">Type</span>
        <input type="text" class="form-control" name="subscriptionType" ng-model="subscription.subscriptionType" ng-required="true" placeholder="Enter subscription type"/>
      </div>
      <div class="clearfix"></div>

      <div class="error alert alert-danger pull-left" ng-show="submitted&&subscrForm.startDate.$error.required">
          <span class="glyphicon glyphicon-warning-sign"></span> Start Date is required
        </div>
        <div class="clearfix"></div>
        <div class="input-group input-group-lg margin-bottom">
        <span class="input-group-addon">Start Date</span>
        <input type="date" class="form-control" name="startDate" ng-model="subscription.startDate" placeholder="Enter start date" ng-required="true" min="{{subscription.eventSchedule.startDate}}" max="{{subscription.eventSchedule.endDate}}"/>
      </div>
      <div class="clearfix"></div>

      <div class="error alert alert-danger pull-left" ng-show="submitted&&subscrForm.endDate.$error.required">
          <span class="glyphicon glyphicon-warning-sign"></span> End Date is required
        </div>
        <div class="clearfix"></div>
        <div class="input-group input-group-lg margin-bottom">
        <span class="input-group-addon">End Date</span>
        <input type="date" class="form-control" name="endDate" ng-model="subscription.endDate" placeholder="Enter end date" ng-required="true" min="{{subscription.eventSchedule.startDate}}" max="{{subscription.eventSchedule.endDate}}"/>
      </div>
      <div class="clearfix"></div>

      <div class="error alert alert-danger pull-left" ng-show="submitted&&subscrForm.openingTime.$error.required">
          <span class="glyphicon glyphicon-warning-sign"></span> Open Time is required
        </div>
        <div class="clearfix"></div>
        <div class="input-group input-group-lg margin-bottom">
        <span class="input-group-addon">Open Time</span>
        <input type="time" class="form-control" name="openingTime" ng-model="subscription.openingTime" placeholder="HH:mm:ss" required min="{{subscription.eventSchedule.openingTime}}" max="{{subscription.eventSchedule.closingTime}}" />
      </div>
      <div class="clearfix"></div>


      <div class="error alert alert-danger pull-left" ng-show="submitted&&subscrForm.closingTime.$error.required">
          <span class="glyphicon glyphicon-warning-sign"></span> Close Time is required
        </div>
        <div class="clearfix"></div>
        <div class="input-group input-group-lg margin-bottom">
        <span class="input-group-addon">Close Time</span>
        <input type="time" class="form-control" name="closingTime" ng-model="subscription.closingTime" placeholder="HH:mm:ss" required=true min="{{subscription.eventSchedule.openingTime}}" max="{{subscription.eventSchedule.closingTime}}" />
      </div>
      <div class="clearfix"></div>

      
      <button type="submit" ng-click="submitted=true" class="btn btn-primary">Submit</button>
      <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button>
    </form>
    </div>
  </div>